.area
  width 870px
  margin 0 auto
  padding-top 38px
  
.item-box
  padding 40px 36px
  background #fff
  box-shadow 0 0 6px rgba(0,0,0,0.1)
  h2
    font-weight 100
    >*
      display inline-block
    div
      line-height 1.6
      font-size 30px      
      width 540px
    span
      width 250px
      font-size 14px
      color #7692b3
      vertical-aligin top
      text-align right
.item-info
  width 100%
.item-info-box
  width 33.3%
  text-align center
  display inline-block
  padding 0 0 12px
  color #555
  h2
    font-size 16px
  p
    font-size 54px
    span
      font-size 14px
      color #bbb
.table
  display table
  width 100%
.question-area
  display table-cell
  padding-top 18px
  h2
    font-size 14px
    color #999
    font-weight 100
    margin-bottom 14px
.question-item
  color #879fbb
  margin-top 4px
.icon
  color #879fbb
  display inline-block
  margin-right 5px
  vertical-aligin top
.info-area
  display table-cell
  width 200px
  text-align right
  font-size 12px
  color #bbbbbb
  p
    margin-bottom 4px

.time-line-area
  position relative
  overflow hidden
  &:before
    content ''
    background-color #f3f5f9
    height 42px
    width 2px 
    position absolute
    top 0
    left 9px
    z-index 3
.time-line-area-done
  .module-box
    padding-left 0
    margin-top 40px
.time-line
  width 2px
  position absolute
  top 44px
  bottom 44px
  left 9px
  background #d4dce0
.time-line-box
  height 28px
  width 100%
  padding-left 52px
  position relative
  margin 36px 0
  &:before
    position absolute
    content ''
    top 6px
    left 2px
    height 16px
    width 16px
    border-radius 50%
    border 2px solid #39b8f2
    background #f3f5f9
    z-index 2
.time-line-item
  overflow hidden
  text-align center
  position relative
  &:before
    content ''
    width 100%
    height 1px
    background #dee2eb
    left 50%
    top 50%
    position absolute
    transform translate(-50%, 0)
  span
    display inline-block
    height 28px
    line-height 28px
    padding 0 20px
    background #cdd2dd
    color #fff
    position relative
    

.module-box
  padding-left 52px
  position relative
.module-title
  color #bcc1c9
  font-size 18px
  line-height 1
  text-align center

.warning-info
  border 1px solid #fee0d2
  width 360px
  display inline-block
  padding 10px 0
  line-height 1
  background #ffeee7
  color #777
  font-size 12px
  border-radius 3px 
  margin-bottom 20px

.button,.button2
  display inline-block
  padding 0 30px
  line-height 33px
  height 33px
  border-radius 22px
.button2
  background-color #fff !important
  color #00a0f6
  border 1px solid #c7e5fe
  &:active,&:hover
    background-color #00a0f6 !important
    color #fff
.user-list
  text-align center
  width 500px
  margin 0 auto
.user-list-title
  margin 20px 0 0
  color #879fbb
.user-list-item,.user-list-item-s
  display inline-block
  position relative
  i
    border-radius 50%
    overflow hidden
.user-list-item-s
  height 30px
  margin-right 10px
  .settings-avatar,.user-list-tip
    width 30px
    height 30px
  .user-list-tip
    margin 0
    margin-right 16px
.user-list-tip
  width 50px
  height 50px
  margin 10px 16px 0
.settings-avatar
  border-radius 50%
  display inline-block !important
  height 50px
  width 50px
  i
    width 100% !important
    height 100% !important
.settings-avatar-manager
  border 2px solid #00a0f6
.today
  width 20px
  height 20px
  background-color #39b8f2
  border-radius 50%
  line-height 20px
  text-align center
  font-size 12px
  color #fff
  position absolute
  top 50%
  left 0px
  margin-top -10px
  z-index 2
  &:before
    content '今'
.today-line
  height 99999px
  width 2px
  background-color #39b8f2
  position absolute
  bottom 50%
  left 9px
  z-index 0


    